<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // call apply bind
        // call 是一个方法，是函数的方法
        // function fun(){
        //     console.log(this);
        // }

        let dog ={
            name:'旺财',
            sayName(){
                console.log('我是' + this.name)
            },
            eat(food1,food2){
                console.log('我喜欢吃' + food1 + food2)
            }
        }

        let cat ={
            name:'喵喵'
        }
        // call 可以调用函数，call可以改变函数中this的指向
        // fun.call(cat);
        // dog.sayName.call(cat)
        // dog.eat.call(cat,'猫粮','鱼肉')
        // dog.eat.apply(cat,['猫粮','鱼肉'])
        let fun=dog.eat.bind(cat,'猫粮','哈皮')
        fun()
    </script>
</body>
</html>